<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表引入方式</title>
		<style>
		/*css3注释*/
		/*css样式写法
		选中一个元素，给元素添加效果--表示：一个样式
		语法：选择器{
			属性：属性值；
			属性：属性值；
		}
		*/
	   p{
		   width: 200px;  /*万维网联盟w3c*/
		   height: 200px;
		   background:#e95b02;
	   }
		</style>
	</head>
	<body>
		<!--①内联样式表  语法：style="属性：属性值；属性：属性值；"-->
		<!--很少使用，css出现目的：实现内容与表现分离-->
		<div style="width: 200px;height: 200px;background: red;"></div>
		<!--②内部样式表  语法：head元素中，加style元素--加属性与属性值-->
		<!--较少使用，主要是用于练习，没有完全实现内容与表现分离-->
	</body>
</html>